<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
    <!-- 
        vue借鉴 react angular.
        vue 主要版本 vue2   vue3 改进vue2 新增的组合式api
        学vue3  出去工作 如果接手的老项目 vue2

        vue react
        vue 是一个mvvm框架
        mvvm是一种框架设计模式  m model 数据层 v view 视图层 (vm viewModel 视图数据层)
        双向数据绑定 当m发生变化的时候 view层会变化 vm层是用来关联v层和m层  
        使用vue:
            1).直接引入vue.js
            2).使用构建工具 vite(rollup) webpack  vue-cli 
     -->

     <!-- 创建vue应用 -->
     <!-- 1.创建一个挂载容器 -->
     <div id="app"></div>
     <script>
        //2.创建应用
        const app=Vue.createApp({
            //配置项
        })
        //3.设置应用挂载到挂载点容器
        app.mount("#app");
     </script>

</body>
</html>